@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";

.invoices-list-row {
	&--header {
		display: none;

		* {
			font-weight: 400;
			font-size: 0.875rem;
			color: var(--studio-gray-70);
		}

		@include break-xlarge() {
			display: block;
		}
	}

	&__content {
		display: grid;
		grid-template-columns: calc(34% - 16px) calc(34% - 16px) calc(34% - 16px);
		align-items: center;
		grid-gap: 24px;
		font-size: 1.25rem;

		@include break-xlarge() {
			grid-template-columns: 160px 1fr 100px 100px 128px;
		}
	}
}
